trough { @extend %scale_trough; }
progress {
- @extend %scale_highlight;
+ @extend %scale_highlight; /* share most of scales' */
+ /* override insensitive that is specific to progress */
+ &:disabled {
+ background-color: $insensitive_fg_color;
+ border-color: $insensitive_fg_color;
+ }
+
+ &:backdrop:disabled {
+ background-color: $backdrop_insensitive_color;
+ border-color: $backdrop_insensitive_color;
+ }
+
border-radius: 1.5px;
progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; }
-progressbar progress { border-radius: 1.5px; }
+progressbar progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; }
+
+progressbar progress:disabled { background-color: #919494; border-color: #919494; }
+
+progressbar progress:backdrop:disabled { background-color: #566164; border-color: #566164; }
progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; }
-progressbar progress { border-radius: 1.5px; }
+progressbar progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; }
+
+progressbar progress:disabled { background-color: #8b8e8f; border-color: #8b8e8f; }
+
+progressbar progress:backdrop:disabled { background-color: #c3c3c0; border-color: #c3c3c0; }
progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }